<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>权限管理系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
	<link  href="resources/css/bootstrap.min.css" th:href="@{/resources/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
	<script src="resources/js/jquery-2.1.0.min.js" th:src="@{/resources/js/jquery-1.11.0.min.js}" type="text/javascript"></script>
    <script src="resources/js/bootstrap.min.js" th:src="@{/resources/js/bootstrap.min.js}" type="text/javascript"></script>
    <style type="text/css">
    	body {
		  padding-top: 100px;
		  padding-bottom: 40px;
		}
		
		
		.form-div{
			max-width: 530px;
			margin: 0 auto;
		}
		
		.form-signin {
		  /*max-width: 330px;*/
		  padding: 15px;
		  margin: 0 auto;
		}
		.form-signin .form-signin-heading,
		.form-signin .checkbox {
		  margin-bottom: 10px;
		}
		.form-signin .checkbox {
		  font-weight: normal;
		}
		.form-signin .form-control {
		  position: relative;
		  font-size: 16px;
		  height: auto;
		  padding: 10px;
		  -webkit-box-sizing: border-box;
		     -moz-box-sizing: border-box;
		          box-sizing: border-box;
		}
		.form-signin .form-control:focus {
		  z-index: 2;
		}
		.form-signin input[type="text"] {
		  margin-bottom: -1px;
		  border-bottom-left-radius: 0;
		  border-bottom-right-radius: 0;
		}
		.form-signin input[type="password"] {
		  margin-bottom: 10px;
		  border-top-left-radius: 0;
		  border-top-right-radius: 0;
		}
    </style>
</head>
<body>
	<div class="container">
		<div class="panel panel-default form-div ">
		  <div class="panel-heading">
		    <h2 class="text-center"><strong>欢迎登录权限管理系统</strong></h2>
		  </div>
		  <div class="panel-body">
		  	<form class="form-signin" role="form" action="login.html" th:action="@{/login}" method="post">
				<input class="form-control" type="text" name="username" placeholder="用户名" required="true" autofocus="true"/>
				<input class="form-control" type="password" name="password" placeholder="密码" required="true"/>
				<label class="checkbox">
		          <input type="checkbox" value="remember-me" /> 记住我
		        </label>
				<button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
			</form>
			
			<!-- <div class="form-group">
			    <label for="username" class="col-sm-2 control-label">用户名</label>
			    <div class="col-sm-10">
			    	<div class="input-group">
					  <span class="input-group-addon">
					  
					  </span>
					  <button type="button" class="btn btn-default btn-xs">
					  	<span class="glyphicon glyphicon-lock"></span>
					  </button>
					  <input type="text" name="username" class="form-control" id="username" placeholder="请输入用户名" required="true" autofocus="true" />
					</div>
			    </div>
			  </div>
			  <div class="form-group">
			    <label for="password" class="col-sm-2 control-label">密码</label>
			    <div class="col-sm-10">
			    	<div class="input-group">
					  <span class="input-group-addon">@</span>
					  <input type="password" class="form-control" id="password" placeholder="请输入密码" required="true" />
					</div>
			    </div>
			  </div>
			  <div class="form-group">
			    <div class="col-sm-offset-2 col-sm-10">
			      <div class="checkbox">
			        <label>
			          <input type="checkbox" value="true" name="rememberme" id="rememberme" /> 记住我
			        </label>
			      </div>
			    </div>
			  </div> -->
		  </div>
		  <div th:if="${loginError}" class="alert alert-danger alert-dismissable">
			  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			  <strong>错误!</strong> 用户名或密码输入不正确。
			</div>
		</div>
	</div>
</body>
</html>